.xhqb_recharge-box {
	background-color: #ffffff;
	min-height: 100%;
	.recharge-header-box {
		width: 100%;
		height: 3.1rem;
		flex-direction: column;
		background: linear-gradient(
			309deg,
			rgba(64, 177, 93, 1) 0%,
			rgba(92, 186, 100, 1) 100%
		);
		box-sizing: border-box;
		position: relative;
		.detail {
			width: 1rem;
			height: 1rem;
			line-height: 1rem;
			text-align: center;
			font-size: 0.26rem;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: rgba(255, 255, 255, 0.9);
			position: absolute;
			right: 0.25rem;
			top: 0.15rem;
		}
		.unit {
			font-size: 0.42rem;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 500;
			color: rgba(255, 255, 255, 1);
		}
		.money {
			font-size: 0.84rem;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 500;
			color: rgba(255, 255, 255, 1);
		}
		.tip {
			font-size: 0.24rem;
			font-family: PingFangSC-Regular, PingFang SC;
			color: rgba(255, 255, 255, 0.8);
		}
		.title {
			box-sizing: border-box;
			font-size: 0.3rem;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: rgba(255, 255, 255, 1);
		}
		.input-box {
			display: flex;
			align-items: center;
			.input-box-item {
				width: 5.6rem;
				margin-top: 0.16rem;
				background: rgba(0, 0, 0, 0);
				input {
					color: white;
					font-size: 0.6rem;
				}
				.am-list-line::after {
					display: none;
				}
			}
			.unit {
				width: 0.4rem;
				font-size: 0.5rem;
				margin-top: 0.4rem;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: rgba(255, 255, 255, 1);
			}
			.all_money {
				width: 1.3rem;
				font-size: 0.26rem;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: rgba(255, 255, 255, 1);
			}
		}
		.input-line {
			width: 100%;
			height: 0.02rem;
			background: rgba(255, 255, 255, 1);
		}
	}
	.money-card-box {
		width: 7rem;
		// min-height: 5.5rem;
		margin: 0px auto;
		display: flex;
		flex-flow: wrap;
		justify-content: space-between;
		margin-top: -0.7rem;
		background: #ffffff;
		box-shadow: 0px 0px 0.24rem 0px rgba(0, 0, 0, 0.06);
		border-radius: 0.08rem;
		box-sizing: border-box;
		padding: 0.1rem 0.26rem 0.2rem 0.26rem;
		position: relative;
		.title-box {
			line-height: 1rem;
			width: 100%;
			margin-left: 0.2rem;
			display: flex;
			justify-content: space-between;
			font-size: 0.3rem;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 500;
			color: rgba(84, 84, 84, 1);
			.recharge_tip {
				display: inline-block;
				height: 1rem;
				width: 1.2rem;
				line-height: 1rem;
				text-align: center;
				font-size: 0.24rem;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: rgba(64, 177, 93, 1);
			}
		}
		.money-card-item {
			width: 2.8rem;
			height: 1.3rem;
			margin-top: 0.28rem;
			color: #888888;
			font-size: 0.4rem;
			background: rgba(255, 255, 255, 1);
			box-shadow: 0px 0px 0.18rem 0px rgba(0, 0, 0, 0.11);
			border-radius: 0.06rem;
			box-sizing: border-box;
			.unit {
				font-size: 0.24rem;
				margin-top: 0.1rem;
			}
			&.active {
				color: #40b15d;
				border: #40b15d solid 0.02rem;
			}
		}
	}
	.pay-way {
		width: 7rem;
		height: 0.9rem;
		display: flex;
		align-items: center;
		border-bottom: 0.02rem #eeeeee solid;
		margin: 0px auto;
		.icon_logo {
			width: 0.56rem;
		}
		.name {
			width: 5.6rem;
			margin-left: 0.2rem;
			font-size: 0.26rem;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 500;
			color: rgba(65, 65, 65, 1);
		}

		.icon_gou {
			width: 0.32rem;
		}
	}
	.agreement {
		width: 7rem;
		height: 0.6rem;
		margin: 0px auto;
		display: flex;
		align-items: center;
		.icon_yse_no {
			width: 0.28rem;
		}
		.lab {
			margin-left: 0.12rem;
			font-size: 0.24rem;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: rgba(136, 136, 136, 1);
		}
		.name {
			font-size: 0.24rem;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: rgba(64, 177, 93, 1);
		}
	}
	.submit-btn {
		width: 6.96rem;
		height: 0.8rem;
		margin: 0px auto;
		margin-top: 0.6rem;
		background: rgba(64, 177, 93, 1);
		border-radius: 0.4rem;
		color: #ffffff;
	}
}
